<*****页面尾部*****>
<template>
	<Row class="reportHeader">
		<div class="headerWrap">
			<div>
				<span>报告 </span> |
				<span style="font-weight:bold;">{{title}}</span>
			</div>
			<div class="opGroup">
				<Button type="primary" ghost @click="archiveReports" v-if="isArchive==1 && hasFile" size="small" class="downloadBtn">
						归档报告
  	    		</Button>
				<Button type="primary" ghost @click="downloadReports" :disabled="disDownloadReport" size="small" class="downloadBtn downReportwhite" v-if="nodownloadReports!=1">
	  				<img src="../../assets/exam/dis-download.png" v-if="disDownloadReport" alt="" style="vertical-align:text-top;height:14px;"/>
	  				<img src="../../assets/exam/download.png" v-else alt="" style="vertical-align:text-top;height:14px;"/> 下载报告
  	    </Button>
				<ButtonGroup size="small">
					<Button icon="md-remove" @click="zoomIn" :disabled="scale == 0.5 || disSub" style="color: #000;"></Button>
					<Button type="dashed" style="border-color:#dcdee2;color:#000;width:40px;">{{scale}}</Button>
					<Button class="md-add-jh" @click="zoomOut" :disabled="scale == 3"  style="color: #000;"></Button>
				</ButtonGroup>
			</div>
		</div>
	</Row>
</template>

<script>
	import baseURL from '@/api/index'
	import {mapState} from 'vuex';
	export default {
		name: 'pageFooter',
		props:['title','disSub','scale','disDownloadReport','isArchive','nodownloadReports'],
		data() {
			return {
				
			}
		},
		watch: {

		},
		filters: {

		},
		computed: { //有归档管理菜单
			...mapState('compet',['hasFile'])
		},
		mounted() {
			
		},
		beforeDestroy() {

		},
		methods: {
			archiveReports(){
				this.$emit('archiveReports');
			},
			downloadReports(){
				this.$emit('downloadReports');
			},
			zoomIn(){
				this.$emit('zoomIn');
			},
			zoomOut(){
				this.$emit('zoomOut');
			}
		},
		destroyed() {

		}
	}
</script>

<style scoped>
  .downReportwhite.disabled{
    border: 1px solid #8a97df !important;
    color: #8a97df !important;
  }
  .downReportwhite.disabled img{
    opacity: 0.5;
  }

  .downReportwhite.ivu-btn-primary.ivu-btn-ghost.disabled,
  .downReportwhite.ivu-btn-primary.ivu-btn-ghost[disabled],
  .downReportwhite.ivu-btn-primary.ivu-btn-ghost[disabled]:hover {
    border: 1px solid #8a97df !important;
    color: #8a97df !important;
  }
  
 
	.headerWrap{
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		color: #000;
	}
	.downloadBtn{
		margin-right:14px;
	}
	.reportHeader {
		height: 54px;
		line-height: 54px;
		padding: 0 44px;
		background: #fff;
		box-shadow: 0px 0px 5px #ccc;
		position: fixed;
		top: 0px;
		width: 100%;
		background: #fff;
		z-index: 999;
	}
</style>